<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8">
<title>邮件分组管理 </title>
<@fm.header />
<link rel="stylesheet" type="text/css" href="/resources/css/uploadify/uploadify.css">
<script type="text/javascript" src="/resources/js/common.js"></script>
<script type="text/javascript" src="/resources/js/emailGroup/emailGroup.js"></script>
</head>
<body class="cmp-list-body">
<div id="tb" style="padding:3px">
    
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="doAdd();">新增</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="doEdit();">修改</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="doDel();">删除</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="doAddPeople();">添加组员</a>
</div>
<table id="tt" title="邮件分组管理 " 
	 toolbar="#tb" rownumbers="true" idField="id"
	singleSelect="true"   pagination="true" fitColumns="true" pageSize="15" pageList="[15,30,60,80,100]">  
    <thead>
        <tr>
            <th align="center" width="20%" field="name">名称</th>
		    <th align="center" width="15%" field="rnum">编号</th>
		    <th align="center" width="50%" field="remark">备注</th>
		    <th align="center" width="15%" field="modifyTime">修改时间</th>
        </tr>
    </thead>   
</table>

<div id="addWin" class="easyui-window" title="邮件分组管理|新增修改" closed="true" collapsible="false" minimizable="false"  maximizable="false" style="width:450px;height:250px"   
        data-options="iconCls:'icon-save',modal:true">
     <div fit="true">
        <form id="addForm"  method="post" >
            <input type="hidden" id="idId"  name="id" />   
           <table>
                <tr>
                   <td align="left">名称</td>
                   <td colspan="3">
                       <input class="easyui-validatebox" name="name" type="text" id="nameId" data-options="required:true" style="width:350px;">
                   </td>
               </tr>
               <tr>
                   <td align="left">编号</td>
                   <td colspan="3">
                       <input class="easyui-validatebox" name="rnum" type="text" id="rnumId" data-options="required:true" style="width:350px;">
                   </td>
               </tr>
               <tr>
                   <td align="left">备注</td>
                   <td colspan="3">
                       <textarea name="remark" id="remarkId" data-options="multiline:true" style="width:350px;height:50px" ></textarea>
                   </td>
               </tr>
           </table>
        </form>
        <div style="padding: 25px; text-align: center;">
            <a href="#" class="easyui-linkbutton" onclick="cancel();">取消</a>
            <a href="#" class="easyui-linkbutton"  onclick="save();">保存</a> 
        </div>
    </div>
</div>

<div id="emailWinId" title="添加组员" class="easyui-window" closed="true" collapsible="false" minimizable="false"  maximizable="false"  style="width:860px;height:500px">
    <div fit="true" class="easyui-layout">
		<div id="outPeopleTab" style="height:300px;" data-options="region:'center'"> 
			<div title="收件人未选列表" id="outPeopleDivId"   closable="false" fit="true"> 
				<table id="outPeopleId"  class="easyui-datagrid" fitColumns="true"
					rownumbers="true" singleSelect="false"  pagination="true" fitColumns="true" pageSize="50" pageList="[50,100,200,400]"
					selectOnCheck="true" idField="emailId" toolbar="#searchOutPeopleId"
					data-options="onDblClickRow:outPeopleDblClickRow" >     
					<thead>
						<tr>
							<th data-options="field:'ck',checkbox:true"></th>
							<th align="left" width="40%" field="userName">用户</th>
							<th align="left" width="60%" field="email">邮箱</th>
						</tr>
					 </thead>   
				</table>  
			</div>
		</div>
		<div id="outPeopleTab" style="height:300px;width:430px" data-options="region:'east'">
			<div title="收件人已选列表" id="inPeopleDivId" data-options="closable:false" fit="true">   
				 <table id="inPeopleId" class="easyui-datagrid" fitColumns="true"
					  rownumbers="true" singleSelect="false" idField="emailId"  toolbar="#searchInPeopleId"
					   selectOnCheck="true" pagination="true"  pageSize="50" pageList="[50,100,200,400]"
					  data-options="onDblClickRow:inPeopleDblClickRow" >     
				     <thead>
					     <tr>
						     <th data-options="field:'ck',checkbox:true"></th>
							 <th align="left" width="40%" field="userName">用户</th>
							 <th align="left" width="60%" field="email">邮箱</th>
						 </tr>
				     </thead>   
				 </table>      
			</div>
		</div>
	</div>
</div>
	  
<div id="searchOutPeopleId" style="padding:3px">
    <span>用户:</span>    
	<input class="easyui-validatebox" style="width:100px" type="text" id="outusernameId" name="name" ></input>
	<span>email:</span>    
	<input class="easyui-validatebox" style="width:100px" type="text" id="outemailId" name="email" ></input>
	<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="searchOutPeopleId"  onclick="searchOutPeople();">查询</a> 
    <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="searchOutPeopleId"  onclick="outPeopleMove();">添加</a> 
</div>
<div id="searchInPeopleId" style="padding:3px">
	<span>用户:</span>    
	<input class="easyui-validatebox" style="width:100px" type="text" id="inusernameId" name="name" ></input>
	<span>email:</span>    
	<input class="easyui-validatebox" style="width:100px" type="text" id="inemailId" name="email"></input>
	<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="searchInPeopleId" onclick="searchInPeople();">查询</a>
    <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" id="searchOutPeopleId"  onclick="inPeopleMove();">移除</a>
</div>

</body>
</html>